<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="author" content="yu guidan">
    <meta name="keywords" content="个人网站">
    <title>余贵丹的个人网站</title>
    <link rel="stylesheet" href="stlye.css">
</head>
<body>
    <div class="container">
        <div class="tou">MY WORLD</div>
        <div class="header">
            <h2>我的世界</h2>
            <p>欢迎大家来到我的世界，
                <br>这里是我和我的精神世界，
                <br>很高心在这里与你邂逅</p>
            <div class="small">进入</div>
            <div class="jpg"></div>
            <img class="one" src="images/摆件.jpeg"  width="250px" height="200px" alt="">
            <img class="tow" src="images/t葫芦.jpg" width="150px" alt="">
            <img class="three" src="images/茶杯.jpg" width="250px" height="200px" alt="">
        </div>
        <div class="nav">
           <div class="fo"><a href="#jieshao">介绍</a></div>
           <div class="go"> <a href="#xingquaihao">兴趣爱好</a> </div>
          <div class="ho"><a href="#zuopin">作品</a></div>  
        </div>
    
        <div class="about" id="jieshao">
            <h4 >自我介绍</h4>
            <p>姓名：余贵丹
               <br> 性别：女
               <br> 我是来自四川省内江市的一名女大学生，现就读于成都东软学院，
                数字艺术系，艺术与科技专业
               <br> 我是一名资深的吃货一枚，喜欢画画，和禅学，欢迎走进我的世界。
            </p>
            <img class="frist" src="images/我.jpg" width="150px"  height="180px" alt="">
        </div>
        <div class="sol" id="xingquaihao"><h4>兴趣爱好</h4>
                <h6>hobby</h6>
            </div>
        <div class="hobby">
            <div class="secend">
               <img class="frist" src="images/画画.jpg" width="150px" alt="">
                 </div>
         <p class="ok">画画</p> 
                
            <div class="third">
               <img class="frist" src="images/阅读.jpg" width="150px" alt=""> 
            </div>
         <p class="op">阅读</p> 
            <div class="fourth">
                <img class="frist" src="images/禅html.jpg" width="150px" alt="">
                </div>
         <p class="ou">禅学</p>
            <div class="fifth">
               <img class="frist" src="images/瑜伽.png" width="150px" alt="">
               </div> 
         <p class="oy">瑜伽</p>
            <div class="sixth">
              <img class="frist" src="images/茶艺.jpg" width="150px" alt="">
               </div>
         <p class="ot">茶艺</p> 

        </div>
        <div class="zuo">
            <h4>作品集</h4>
            <h6>zuo pin ji</h6>
        </div>
        <div class="works" id="zuopin">
            <div class="seventh">
                <p>作品一
                   <br> 西湖龙井
                </p>
                <img class="frist" src="images/西湖龙井.jpg" width="180px" height="120px" alt="">
            </div>
            <div class="eighth">
                <p>
                    作品二
                    <br>太平猴魁
                </p>
                <img class="frist" src="images/太平.jpg" width="180px" height="120px" alt="">
            </div>
            <div class="ninth">
                <p>
                    作品三
                    <br>横县茉莉花茶
                </p>
                <img class="frist" src="images/横县茉莉.jpg" width="180px" height="120px" alt="">
            </div>
           
            <div class="qo">
                <p>
                    作品四
                    <br>日本日照
                </p>
                <img class="frist" src="images/日本.jpg" width="180px" height="120px" alt="">
            </div>
            <div class="ao">
                <p>
                    作品五
                    <br>古树藤条茶
                </p>
                <img class="frist" src="images/古树.jpg" width="180px" height="120px" alt="">
            </div>
            <div class="wo">
                <p>
                    作品六
                    <br>东方美人
                </p>
                <img class="frist" src="images/东方.jpg" width="180px" height="120px" alt="">
            </div>
            <img class="seven" src="images/恩施.jpg" width="200px" height="150px" alt="">
            <img class="eight" src="images/佛.jpg" width="270px"height="230px" alt="">
            <div class="lu">
                <p>
                  这是关于一款名为“恩施玉露”的茶，我主要介绍了它的功效和特点  
                </p>
            </div>
            <div class="yu">
                <p>关于茶，我尤其喜欢茶艺，在泡茶的过程中去感受茶文化，茶历史，茶艺术
                    静静地看在杯中舞动的茶，默默地闻着茶香，这是一种安静的艺术
                </p>
            </div>
            <div class="so">
                <h4>关于作品我有话说</h4>
                <p>
                    这些只是我众多作品中的一小部分，
                  <br> 这是我精心制作的版式设计作品
                </p>
            </div>
            <div class="ro">
                <p>
                    作品主题是“茶”，主要是介绍茶的泡发和功效。在我眼里，茶不仅仅
                    是一种饮品，更是一种活跃在杯中的精灵。不少人因为茶味苦涩而不喜饮茶，
                    的确，茶是苦的，但他们又如何能理解当我手握茶杯的那一瞬间的宁静?
                </p>
            </div>
        </div>
        <div class="do">
            <p>
                我的世界就这么简单，你的呢？
            </p>
        </div>
        <div class="footer">
            <img class="frist" src="images/二维码.png" width="100px" alt="">
            <p>QQ:3519493284
                <br>手机:13154681125
            </p>
        </div>
    </div>
</body>
</html>